<template>
  <!-- 输入框 -->
  <div class="input">
    <loginPasswordInput></loginPasswordInput>
  </div>

  <!-- 忘记密码 -->
  <div class="forget" @click="handleForget">忘记密码</div>

  <!-- 登录/注册 -->
  <div class="login">
    <loginPasswordLogin></loginPasswordLogin>
  </div>
</template>
<script lang="ts" setup>
import loginPasswordInput from './login-password-input.vue'
import loginPasswordLogin from './login-password-login.vue'
import { showToast } from 'vant'





const handleForget = () => {
  showToast('想找回，没门')
}


</script>
<style scoped lang="scss">
.input {
  margin-top: 18.5px;

}

.forget {
  display: flex;
  justify-content: right;
  align-items: center;
  height: 37.5;
  color: #fb7299;
  margin-right: 3vw;
  font-size: 15px;
}

// .login {
//   flex: 1;
// }
</style>